<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>后盾人</title>
  </head>
  <body></body>
  <script>
    let lessons = [
      { title: "媒体查询响应式布局", category: "css" },
      { title: "FLEX 弹性盒模型", category: "css" },
      { title: "MYSQL多表查询随意操作", category: "mysql" }
    ];
    // for (let i = 0; i < lessons.length; i++) {
    //   lessons[i].title = `后盾人${lessons[i].title}`;
    // }
    // for (const value of lessons) {
    //   value.title = `后盾人${value.title}`;
    // }
    // console.table(lessons);
    // let arr = [{ n: 1 }, { n: 2 }];
    // for (let value of arr) {
    //   // value += 10;
    //   value.n += 10;
    // }
    // console.table(arr);
    for (const key in lessons) {
      lessons[key].title = `后盾人${lessons[key].title}`;
    }
    console.table(lessons);
  </script>
</html>
